

// 2. 注册请求
async function registerData(requestBody) {
    try {
        let res = await axios({
            url: '/register',
            method: 'POST',
            data: requestBody
        })

        // 响应数据判断
        pxmu.success(`用户【${requestBody.username}】注册成功，请登录`)


    } catch (err) {
        // console.dir(err);
        // 如果err.response.data.message有内容则显示，否则显示 '注册失败，请检查网络请求'
        pxmu.fail(err.response.data.message || '注册失败，请检查网络请求')
    }
}



// 给【注册按钮】注册点击事件
const btnBox = document.querySelector('#btn-register')
const formBox = document.querySelector('.register-form')

btnBox.addEventListener('click', async function (e) {
    e.preventDefault()
    // 1. 获取表单数据
    const body = serialize(formBox, { hash: true, empty: true })
    let { username, password } = body //结构属性

    // 2. 表单元素验证
    if (!validatData(username, password)) {
        pxmu.fail('【用户名】或者【密码】不符合规范')
        return
    }

    // 3. 注册请求
    await registerData(body)

})